/**
 * Created by Administrator on 2017/1/16.
 */

$(function() {
    //头部二维码
    //这里有一个问题 为何一上去会晃动
    //原因是 事件冒泡
    //有一个小技巧，你把onmouseout事件注册到最外层div，然后把弹出层写在这个div里就可以了。
    function block(name, left) {
        $(name).mousemove(function () {
            $(left).css({display: "block"})
        });
        $(name).mouseout(function () {
            $(left).css({display: "none"})
        })
    }

    var block1 = new block(".erweima", ".left-erweima");

    //左侧很长的菜单的消失与隐藏
    function leftblock(n) {
        $(".jd-nav li").hover(function () {
            $(this).children(n).css({display: "block"})
            $(this).css({background: "red"});
            $(".jd-swiper").css({zIndex: "-50"})
            $(".right-nav").css({zIndex: "-50"})
        }, function () {
            $(this).children(n).css({display: "none"});
            $(this).css({background: ""})
            $(".jd-swiper").css({zIndex: "50"})
            $(".right-nav").css({zIndex: "50"})
        })
    }

    var block2 = new leftblock(".jd-block");
    //透明度切换
    $(".slide-list .slide-bg li").eq(0).css({background: "red"})
    function fade() {
        var num = 0;
        var time;
        var auto = function zidong() {

            time = setInterval(function () {
                num++;
                if (num > 6) {
                    num = 0
                }
                $(".slide-container .slide").eq(num).fadeIn().siblings().fadeOut()
                $(".slide-list .slide-bg li").eq(num).css({background: "red"}).siblings().css({background: "#fff"})
            }, 2500)
        };
        auto();
        $(".slide-left").click(function () {
            clearInterval(time);
            num--;
            if (num < 0) {
                num = 6;
            }
            $(".slide-container .slide").eq(num).fadeIn().siblings().fadeOut();
            $(".slide-list .slide-bg li").eq(num).css({background: "red"}).siblings().css({background: "#fff"})
        })
        $(".slide-right").click(function () {
            clearInterval(time);
            num++;
            if (num > 6) {
                num = 0;
            }
            $(".slide-container .slide").eq(num).fadeIn().siblings().fadeOut()
            $(".slide-list .slide-bg li").eq(num).css({background: "red"}).siblings().css({background: "#fff"})
        });
        $(".jd-swiper .slide-bg li").hover(function (ev) {
            ev.preventDefault()
            clearInterval(time);
            console.log($(this));
            $(this).css({background: "red"}).siblings().css({background: "#fff"})
            var index = $(this).index();
            num = index;
            $(".slide-container .slide").eq(index).stop().fadeIn().siblings().stop().fadeOut()
        }, function () {
            clearInterval(time);
        })
        $(".jd-swiper").hover(function () {
            $(this).css({zIndex: "50"})
            console.log("你好")
            clearInterval(time)
        }, function () {
            $(".jd-swiper").css({zIndex: ""});

            auto()
        })
    }

    var fadein = new fade();

    function postio() {
        var x = 0;
        $(".planer-neirong .planer-con").eq(x).css({display: "block"});
        $(".planer-list .moveon").hover(function () {
            var this1 = $(this);
            var location = this1.position().left + "px";
            this1.parent().find(".float-lr").stop().animate({left: location}, 180);
            var a = $(this).index();
            console.log(a);
            if (a == 2) {
                a = 1
            }
            $(".planer-neirong .planer-con").eq(a).css({display: "block"}).siblings().css({display: "none"})

        })
    }

    var posit = new postio();
//透明度结束
//    机票和酒店的hover事件
//    console.log($("option").length)
function jipiao(){
    $(".fly-list .fly-item").mouseover(function () {
        $(".fly-list .fly-item").children("a").css({transform: "translateY(-35px)"}
        );
        var a = $(this).index();
        //var firstmove=function move(x,p){
        //    $(x).eq(p).children(".fly_none").css({display:"block"})
        //    $(x).eq(p).addClass("fly_lq")
        //}
        //firstmove(".fly_list li",0);
        $(".fly-list .fly-red").css({display: "none"});
        $(this).children(".fly-red").css({display: "block"});
        console.log(a);
        console.log($(".fly_block .fly_con").length);
        $(".fly_block .fly_con").eq(a).stop().animate({height: "186px"}, 200).siblings().stop().animate({height: 0}, 200);


    });

    $(".fly_list .none").hover(function () {
        //var firstmove=function move(x,p){
        //    $(x).eq(p).children(".fly_none").css({display:"block"})
        //    $(x).eq(p).addClass("fly_lq")
        //}
        //firstmove(".fly_list li",0);
        $(this).addClass("fly_lq").siblings().removeClass("fly_lq");
        $(".fly_list .none .fly_none").css({display: "none"});
        $(this).children(".fly_none").css({display: "block"})
    });


    $(".fly_list .left-pos").hover(function () {
        $(this).addClass("fly_lq").siblings().removeClass("fly_lq");
        $(".fly_list .left-pos .fly_none").css({display: "none"});
        $(this).children(".fly_none").css({display: "block"})
    });
    $(".fly_list .left-pos1").hover(function () {
        $(this).addClass("fly_lq").siblings().removeClass("fly_lq");
        $(".fly_list .left-pos1 .fly_none").css({display: "none"});
        $(this).children(".fly_none").css({display: "block"})
    });
    $(".fly_list .left-pos2").hover(function () {
        $(this).addClass("fly_lq").siblings().removeClass("fly_lq");
        $(".fly_list .left-pos2 .fly_none").css({display: "none"});
        $(this).children(".fly_none").css({display: "block"})
    });
    $(".fly_remove").click(function(){
        $(this).parent().css({height:"0"});
        $(".fly-list .fly-item").children("a").css({transform: "translateY(0px)"}
        )
    })
}
    var planer=jipiao();

    //倒计时
    function showtime(){
        var newtime=new Date("02.08,2017,00:00:00");
var time=setInterval(function(){
    var nowtime=new Date();
    //默认转化的是毫秒
    var time=Math.round(newtime-nowtime)/1000;//得到的是秒
    var days=parseInt(time/60/60/24);
    var hours=parseInt((time%(60*60*24)/3600));
    var minutes=parseInt(time%(60*60)/60);
    var sec=parseInt(time%60);
    var findhours=function hors(hos){
       hos=hos>9? hos:"0"+hos;
        return hos;
    };
    $(".bg1 .exo-days").html(days+"天");
    $(".bg1 .exo-hours").html(hours+"时");
    $(".bg1 .exo-minutes").html(findhours(minutes)+"分");
    $(".bg1 .exo-sec").html(findhours(sec)+"秒");
},1000)


    }
  var show=new showtime();
  function clickmove(){
  $(".swiper-container").hover(function(){
      $(".swiper-container .swiper-button-prev").css({display:"block"});
      $(".swiper-container .swiper-button-next").css({display:"block"})
  },function(){
      $(".swiper-container .swiper-button-prev").css({display:"none"});
      $(".swiper-container .swiper-button-next").css({display:"none"})
  });
      var mySwiper = new Swiper ('.swiper-container', {
          direction: 'horizontal',
          loop: true,
          initialSlide:0,
          speed:1000,
          // 如果需要分页器
          nextButton: '.swiper-button-next',
          prevButton: '.swiper-button-prev'
      })


  }
    clickmove()


})

